//type
interface dataSourceType {
  [propName: string]: any;
}
const optionpieHalfDonut = {

  // series: [
  //   {
  //     type: 'gauge',
  //     progress: {
  //       show: true,
  //       width: 10
  //     },
  //     axisLine: {
  //       lineStyle: {
  //         width: 10
  //       }
  //     },
  //     axisTick: {
  //       show: false
  //     },
  //     splitLine: {
  //       length: 5,
  //       lineStyle: {
  //         width: 2,
  //         color: '#999'
  //       }
  //     },
  //     axisLabel: {
  //       distance: 15,
  //       color: '#999',
  //       fontSize: 12
  //     },
  //     anchor: {
  //       show: true,
  //       showAbove: true,
  //       size: 14,
  //       itemStyle: {
  //         borderWidth: 6
  //       }
  //     },
  //     title: {
  //       show: false
  //     },
  //     detail: {
  //       valueAnimation: true,
  //       fontSize: 20,
  //       offsetCenter: [0, '50%']
  //     },
  //     data: [
  //       {
  //         value: 70,
  //         name: 'SCORE'
  //       }
  //     ]
  //   }
  // ]

  tooltip: {
    formatter: '{a} <br/>{b} : {c}%'
  },
  series: [
    {
      name: 'Pressure',
      type: 'gauge',
      progress: {
        show: true,
        width: 10
      },
      axisLine: {
        lineStyle: {
          width: 10
        }
      },
      splitLine: {
        length: 5,
        lineStyle: {
          width: 2,
          color: '#999'
        }
      },
      axisLabel: {
        distance: 15,
        color: '#999',
        fontSize: 12
      },
      anchor: {
        show: true,
        showAbove: true,
        size: 14,
        itemStyle: {
          borderWidth: 6
        }
      },
      detail: {
        valueAnimation: true,
        fontSize: 20,
        formatter: '{value}'
      },
      data: [
        {
          value: 50,
          name: '老客户'
        }
      ]
    }
  ]

};
const optionBar: dataSourceType = {
  // title: {
  //   text: 'Rainfall vs Evaporation',
  //   subtext: 'Fake Data'
  // },
  grid: {
    left: 24,
    right: 10,
    containLabel: true
  },
  tooltip: {
    trigger: 'axis'
  },
  legend: {
    data: [1,],
    left: 'center',
    //icon: 'circle',
    // bottom: 0,
  },
  toolbox: {
    show: true,
    feature: {
      // dataView: { show: true, readOnly: false },
      // magicType: { show: true, type: ['line', 'bar'] },
      // restore: { show: true },
      //saveAsImage: { show: true }
    }
  },
  calculable: true,
  xAxis: [
    {
      type: 'category',
      "axisTick": {
        "alignWithLabel": true
      },
      offset: 1,
      boundaryGap: true,
      // prettier-ignore
      data: [] as (string | number)[]
    }
  ],
  yAxis: [
    {
      type: 'value'
    }
  ],
  series: []
};
export { optionpieHalfDonut, optionBar }